<template>
  <div>
    <ImageUpload @upload="getUploadFiles" class="ImageUpload"></ImageUpload>
    <Content class="Content" :Contents="contents"></Content>
  </div>
</template>

<script>
import Content from "../content/Content.vue";
import ImageUpload from "./imageUpload.vue";

export default {
  components: { Content, ImageUpload },
  name: "uploadPhoto",
  data() {
    return {
      contents: [],
    };
  },
  methods: {
    getUploadFiles(meanings) {
      meanings.forEach((meaning) => {
        this.contents.push({ message: meaning, date: new Date() });
      });
    },
  },
};
</script>

<style lang="less" scoped>
.ImageUpload {
  margin-left: -200px;
  float: left;
}
.Content {
  float: left;
  margin-left: 200px;
}
</style>
